/* 顶部模块 */
header {
  position: relative;
  height: 100px;
  /* background-color: blue; */
  border-bottom: 2px solid red;
  font-weight: 700;
}

.header-l {
  position: absolute;
  top: 15px;
  left: 280px;
  width: 280px;
  height: 76px;
}

/* logo模块 */
.header-l img {
  height: 76px;
  width: 280px;
}

.header-r {
  position: absolute;
  right: 280px;

}

.header-r ul li {
  float: left;
  padding-left: 20px;
  color: black;
}

.header-r ul li a {
  color: black;
  font-size: 16px;
  line-height: 100px;
}

/* 主体模块 */
.w {
  margin: 0 auto;
  height: 580px;
  background-color: #fff;
}

.box-l {
  float: left;
  width: 390px;
  height: 530px;
  margin-left: 401px;
  margin-top: 25px;
  background-color: pink;
  background: url(../update/bg.jpg);
}

.box-r {
  float: right;
  width: 390px;
  height: 530px;
  margin-right: 338px;
  margin-top: 25px;
  background-color: #dddd;
}

.box-r h1 {
  color: #333;
  padding-top: 34px;
  text-align: center;
}

.reg_form {
  margin-left: 52px;
  margin-top: 18px;
  width: 286px;
  height: 388px;
}

.reg_form ul li {
  padding-bottom: 22px;
}

.reg_form ul li input {
  height: 40px;
  width: 286px;
  border: 1px solid #d6d6d6;
}

.reg_form ul li p {
  padding-bottom: 5px;
  font-size: 14px;
  color: #333;

}

.reg_form .btn-yzm {
  width: 100px;
  height: 40px;
  background-color: #42d333;
  border: 1px solid #d6d6d6;
  color: #fff;
}

.reg_form .yzm {
  width: 186px;
}

.reg_form .check input {
  width: 14px;
  height: 14px;
}

.check a {
  color: #42d333;
}

.check input {
  vertical-align: middle;

}

.reg_form .check {
  color: black;
}

.reg_form button {
  width: 286px;
  height: 40px;
  background-color: #42d333;
  color: #fff;
  font-size: 16px;
}

.reg_form .login {
  color: #d6d6d6;
  float: right;
  font-size: 14px;
}

/* 底部模块 */
footer {
  height: 110px;
  background-color: aliceblue;
}

.mod_copyright {
  text-align: center;
  padding-top: 20px;
}

.links {
  margin-bottom: 25px;
}

.links a {
  margin: 0 5px;
}

.copyright {
  line-height: 20px;
}